<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<%@ taglib prefix="s" uri="/struts-tags" %>

<div id="optimize-form" numIid='<s:property value="item.numIid"/>'>
	<div style='border-bottom:1px solid #ddd;padding-bottom:20px;'>
		<div class='left border'><img src='<s:property value="item.picUrl"/>_160x160.jpg'/></div>
		<div class='right' style='width:700px;'>
			<table style='margin:0;border:none;'>
				<tr>
					<td style='width:40px;'>原标题：</td>
					<td><span class='title'><s:property value='item.title'/></span></td>
				</tr>
				<tr>
					<td style='vertical-align:baseline;'>新标题：</td>
					<td class='title' style='vertical-align:baseline;'>
						<input name='new-title' class='new-title' value="<s:property value='item.title'/>"/>
						<a href="#" class="clear-title">清空</a>
						<a href="#" class="delete-space">删除空格</a>
						<div class='tip' title='单个中文字符为一个字，单个英文字符、数字、空格等为半个字'>标题字数不能超过<span class='red'>30</span>个字，还可以输入<span class='left-chars red'>30</span>个字。</div>
					</td>
				</tr>
				<tr class="diagnose">
					<td>新标题诊断:<button class="diagnose">诊断</button></td>
					<td class="result"></td>
				</tr>
			</table>
			<div class='msg red'></div>
		</div>
		<div class='clear'></div>
	</div>
	<div style='margin-top:20px;'>
		<s:url action="other-words" var="otherWordsUrl"/>
		<s:url action="title-history" var="titleHistoryUrl">
			<s:param name="numIid"><s:property value="item.numIid"/></s:param>
		</s:url>
		<div class="tabs">
			<ul>
				<li><a href="#hot-words">热搜词</a></li>
				<li><a href="#prop-words">属性词</a></li>
				<li><a href="${otherWordsUrl}">其他常用词</a></li>
				<li><a href="${titleHistoryUrl}">修改历史</a></li>
				<li><a href="#experience">规则与经验</a></li>
			</ul>
			<div id='hot-words'>
				<div>
					<input class='core-word' value="<s:property value='defaultCoreWord'/>"/>
					<button class='filter'>筛选</button>
					<span>
						<a href="#" title='点击作为核心词筛选' class='core-word'><s:property value="product"/></a>
						<s:iterator value="leafCategoryWords">
							<a href="#" title='点击作为核心词筛选' class='core-word'><s:property/></a>
						</s:iterator>
					</span>
				</div>
				<div class='keywords' style="margin-top:10px;" defaultCoreWord="<s:property value='defaultCoreWord'/>">
					<s:action name='filter-keywords' executeResult="true">
						<s:param name="coreWord" value="defaultCoreWord"></s:param>
						<s:param name="numIid" value="item.numIid"></s:param>
					</s:action>
				</div>
			</div>
			<div id='prop-words' style='position:relative;min-height:280px;'>
				<s:iterator value='propKeywords'>
					<a href="#" title='点击添加到新标题' class='keyword'><s:property/></a>, 
				</s:iterator>
				<div class="strong" style="position:absolute;bottom:0;left:10px;">属性词太少？可能您没有将宝贝属性填写完整，建议您<a target="_blanck" href="http://upload.taobao.com/auction/publish/edit.htm?item_num_id=<s:property value="item.numIid"/>&auto=false">编辑宝贝</a>。</div>
			</div>
			<div id='experience'>
				<div>
					<div class='strong'><a href="http://s.taobao.com/search?cat=<s:property value="item.cid"/>&sort=sale-desc&style=list#J_Filter" target="_blank">同类商品模范标题</a></div>
				</div>
				<div>
					<div class='strong'>官方规则</div>
					<div><a href='http://service.taobao.com/support/knowledge-1336486.htm' target='_blank'>http://service.taobao.com/support/knowledge-1336486.htm</a></div>
				</div>
				<div>
					<div class='strong'>高手经验</div>
					<div><a href='http://bbs.taobao.com/catalog/thread/154503-258057600.htm' target='_blank'>http://bbs.taobao.com/catalog/thread/154503-258057600.htm</a></div>
					<div><a href='http://bbs.taobao.com/catalog/thread/154502-257944152.htm' target='_blank'>http://bbs.taobao.com/catalog/thread/154502-257944152.htm</a></div>
					<div><a href='http://bbs.taobao.com/catalog/thread/647133-13341568.htm' target='_blank'>http://bbs.taobao.com/catalog/thread/647133-13341568.htm</a></div>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript" src="js/optimize-form.js"></script>